<template>
  <div>
    <p @click="num++">我是父组件--{{num}}</p>
    <p @click="obj.count++">我是父组件--{{obj.count}}</p>
    <!-- 使用Son组件 -->
    <Son></Son>
  </div>
</template>
<script>
import Son from "./Son.vue";
export default {
  data() {
    return {
      num: 999,
      obj: {
        count: 10
      }
    };
  },
  components: {
    Son
  },
  // 方式1 :实现跨级组件通信响应式
  //   provide() {
  //     return {
  //       num: () => this.num
  //     };
  //   }
  //方式2: 实现跨级组件通信响应式
  provide() {
    return {
      obj: this.obj
    };
  }
};
</script>
<style scoped>
</style>